<template>
	<div class="app-home">
		<home-banner />
		<div class="h-group-t-xl"></div>
		<home-tab />
		<div class="h-group-t-xl"></div>
		<top-winners type="all" />
		<div class="h-group-t-xl"></div>
		<game-list type="casino"></game-list>
		<div class="h-group-t-xl"></div>
		<game-list type="provider"></game-list>
		<div class="h-group-t-xl"></div>
		<home-discover />
		<div class="h-group-t-xl"></div>
		<home-live />
	</div>
</template>

<script lang="ts" setup>
import HomeBanner from './home-banner.vue'
import HomeDiscover from './home-discover.vue'
import TopWinners from '@/components/slots/big-winner/index.vue'
import GameList from '@/components/slots/game-list/index.vue'
import HomeTab from './home-tab.vue'
import HomeLive from './home-live.vue'
// import AppFontChanger from '@/components/app/app-font-changer/index.vue'

// const appStore = useAppStore()
//
// watch(
// 	() => appStore.region,
// 	(val, oldVal) => {
// 		unSubSlotEvents([`slots_channel_${oldVal}`, `casino_channel_${oldVal}`])
// 		subSlotEvents([`slots_channel_${val}`, `casino_channel_${val}`])
// 	},
// 	{
// 		immediate: true
// 	}
// )
//
// onMounted(() => {
// 	subSlotEvents([`slots_channel_${appStore.region}`, `casino_channel_${appStore.region}`])
// 	bus.$on(EVENT_SOCKET_RECONNECT, () => {
// 		subSlotEvents([`slots_channel_${appStore.region}`, `casino_channel_${appStore.region}`])
// 	})
// })
//
// onUnmounted(() => {
// 	unSubSlotEvents([`slots_channel_${appStore.region}`, `casino_channel_${appStore.region}`])
// })
</script>
